// components/Tabs/Tabs.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // //要接受参数的属性名
    // aaa:{
    //   //参数的值类型
    //   type:String,
    //   //接收过来参数的默认值
    //   value:""
    // }
    list:{
      type:Array,
      value:[]
    }
  },
  attached(){
    console.log(this);
    this.setData({
      numberA:2
    })
  },

  /**
   * 组件的初始数据
   */
  data: {
    numberA:1
  },

  observers:{
    'numberA':function(e){
      console.log("test发生改变",e);
    }
  },

  /**
   * 组件的方法列表
   */

//在组件中自定义的方法都要写到methods中，在页面中定义方法 要写到data同级下面
  methods: {
    changeA(){
      this.setData({
        nunberA:100
      })
    },
    /* 
    选项卡思路
    1.绑定点击事件
    2.获取被点击元素的索引
    3.拿到原始数组
    4.排他
      1.首先给循环中的每一个数组项的isActive都改为 false
      2.给当前索引的 isActive给成true




    */

    onItemClick(e){
      let {activeId} = e.currentTarget.dataset;

      this.triggerEvent("itemClick",{activeId})

      //微信小程序不推荐直接修改data中的数据
      //如果要使用data中的数据做操作的话，我们需要对数据进行深拷贝

      // let {list} = this.data;
      // console.log("item被点击了",activeId);
      // list.forEach((item,index)=>{
      //   item.isActive = item.id === activeId
      //   if(item.id === activeId){
      //     item.isActive = true
      //   }else{
      //     item.isActive = false
      //   }
      // })
      // list.forEach(item=>item.isActive = item.id === activeId)
      // this.setData({
      //   list
      // })

    }
  }
})
